<template>
  <div class="app">
    <router-view></router-view>
  </div>
</template>

<script setup>


// 监听路由变化
</script>

<style>
/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 3px;
  /* 滚动条宽度 */
  height: 8px;
  /* 横向滚动条高度 */
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  /* 轨道背景色 */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 75%);
  /* 滚动条滑块颜色 */
  border-radius: 4px;
  transition: background-color 0.3s;
  /* 悬停动画 */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #999;
  /* 滑块悬停颜色 */
}

/* 深色主题可选样式 */
/*
::-webkit-scrollbar-thumb {
  background-color: #666;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #444;
}
*/
</style>